// 用于获取图标的字段
import axios from "axios";
import { h } from "vue";

// 自动获取自定义icon图标 并注册为全局组件
export default {
  install(app) {
    // 循环遍历每个vue组件的路径
    const getImageUrl = (name) => {
      return new URL(name, import.meta.url).href;
    };
    let url = getImageUrl("../assets/css/iconel.css");
    axios.get(url).then((res) => {
      for (const item of res.data.split(".icon-")) {
        let iconArr = item.split(":before");
        if (iconArr.length == 2) {
          app.component(iconArr[0], {
            data() {
              return {};
            },
            props: {
              style: {
                default: {
                  fontSize: "25px",
                },
              },
            },
            render() {
              return h("div", {
                class: `iconfont icon-${iconArr[0]}`,
                style: this.style,
              });
            },
          });
        }
      }
    });
  },
};

// export default {
//   install(app) {
//     // 循环遍历每个vue组件的路径
//     const getImageUrl = (name) => {
//       return new URL(name, import.meta.url).href;
//     };
//     let url = getImageUrl("../assets/css/iconel.css");
//     axios.get(url).then((res) => {
//       for (const item of res.data.split(".icon-")) {
//         let iconArr = item.split(":before");
//         if (iconArr.length == 2) {
//           app.component(
//             iconArr[0],
//             (_openBlock(),
//             _createElementBlock("i", {
//               class: `iconfont icon-${iconArr[0]}`,
//               style: {"font-size":"25px"}
//             }))
//           );
//         }
//       }
//     });
//   },
// };
